.gallery {
  /* gallery popup */ }
  .gallery .gallery-wrapper {
    text-align: center;
    padding-left: 7%;
    position: relative; }
  .gallery .img-container {
    margin-bottom: 50px; }
   .gallery .img-container .img-box {
    width:100%;
    height:200px;
    display: inline-block;
    position: relative; }
   .gallery .img-container .img-box:hover span {
    visibility: visible; }
    .gallery .img-container img {
      border: 4px solid #dff0fd;
      border-radius: 3px;
      cursor: pointer; }
    .gallery .img-container .title {
      margin-top: 5px;
      font-size: 13px; }
    .gallery .img-container .icon {
      position: absolute;
      background: rgba(56, 156, 240, 0.8);
      height: 48px;
      width: 48px;
      visibility: hidden;
      left: 41%;
      border-radius: 100%;
      cursor: pointer;
      text-align: center; }
    .gallery .img-container i {
      display: inline-block;
      margin-top: 14px; }
    .gallery .img-container span.edit {
      top: 23%; }
    .gallery .img-container span.trash {
      top: 48%; }
